/* 伪类:root 获取根元素html */
:root{
    /* 定义变量，使用var()调用 */
    /* 文字颜色 */
    --color-text:#666;
    /* 文字高亮颜色 */
    --color-high-text:#8cf;
    /* 背景颜色 */
    --color-tint:#6cf;
    /* 白背景 */
    --color-background:#fff;
    /* 字体大小 */
    --font-size:14px;
    /* 行高 */
    --line-height:1.5;
}

*,
*::before,
*::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: "Helvetica Neue", Helvetica,"PingFang SC","Helvetica Sans GB","Microsoft YaHei","微软雅黑",Arial, sans-serif;
    /* 禁止用户鼠标在页面上选中文字/图片等 */
    user-select: none;
    /* webkit苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节 */
    -webkit-tap-highlight-color: transparent;
    background: var(--color-background);
    color: var(--color-text);
    width: 100vw;
}

a{
    color: var(--color-text);
    text-decoration: none;
}

.clear-fix::after{
    clear: both;
    content: '';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}

.clear-fix{
    zoom: 1;
}

.left{
    float: left;
}

.right{
    float: right;
}